<template>
    <div>
        <mark>生命周期</mark>
        <button @click="handleSwitch">切换</button>
        <Son v-if="is" :abc='abc' @getChange='getChange'></Son>
    </div>
</template>
<script>
import Son from '@/components/12-1生命周期/Son';
export default {
    components:{Son},
    data(){
        return {
            abc:'来自父级的数据',
            is:true,
        }
    },
    methods:{
        getChange(value){
            this.abc=value;
        },
        handleSwitch(){
            //初级程序员--小白刚入门
           /* if(this.is){
                this.is=false;
            }else{
                this.is=true;
            }*/

            //三目运算符 入门一年
           /* this.is = this.is ? false : true;*/

            //老手
            this.is = !this.is;
        }
    }
}
</script>